import {defineStore} from 'pinia'
import {ref} from 'vue'
import {loginAPI} from '@/network/user'
import { useCartStore } from './cartStore'

import { mergeCartAPI } from '@/network/cart'

export const useUserStore = defineStore('user', () => {
    const {clearCart, updateNewList} = useCartStore()
    const cartStore = useCartStore()
    
    
    // 1. 定义管理用户数据的state
    const userInfo = ref({})
    // 2. 定义获取接口数据的action函数
    const getUserInfo = async ({account, password}) => {
        const res = await loginAPI({account, password})
        // console.log(res);
        userInfo.value = res.result
        // 用户登录，合并购物车的操作
        
        mergeCartAPI(cartStore.cartList.map(item => {
            return {
                skuId: item.skuId,
                selected: item.selected,
                count: item.count
            }
        })) // 合并
        updateNewList()
    }

    // 用户退出，删除数据
    function clearUserInfo() {
        userInfo.value = {}
        clearCart() // 清除本地购物车
    }
    // 3. 以对象的格式把state和action return
    return {userInfo, getUserInfo, clearUserInfo}
}, {
    persist: true
})